<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单</title>
</head>
<body>
    <!--form表单 action:提交到的地址，这里的#号占位符表示提交到本页的最上面-->
    <form action="#">
        <!--input是表单的输入控件
            name:控件的名字，没有name属性的控件无法提交值！-->
        姓名:<input type="text" name="unname1"><br>
        昵称:<input type="text" name="unname2" placeholder="请输昵称"><br>
        姓名3:<input type="text" name="unname3" value="kk"><br>
        姓名4:<input type="text" name="unname4" value="kk" readonly><br>
        姓名5:<input type="text" name="unname5" value="kk" disabled><br>
        密码:<input type="password" name="pwd"><br>
        爱好:
        <input type="checkbox" name="like" value="1">看书
        <input type="checkbox" name="like" value="2" checked>做饭
        <input type="checkbox" name="like" value="3" checked>旅游
        <input type="checkbox" name="like" value="4">足球
        <br>
        性别:
        <input type="radio" name="gender" value="1" checked>男</input>
        <input type="radio" name="gender" value="0">女</input>
        <br>
        <!--h5新增的表单控件-->
        颜色:<input type="color" name="color"><br>
        日期:<input type="date" name="date"><br>
        文件:<input type="file" name="file"><br>
        范围:<input type="range" name="range"><br>
        <br>
        <input type="submit" value="点我提交">
        <input type="reset" value="点我重置">
        <input type="button" value="普通按钮">
        <button>普通按钮</button>
    </form>
</body>
</html>